import React from 'react'
import ReactDOM from 'react-dom'

/**
 * jsx 条件渲染
 * 
 * 1、if……else -- 推荐
 * 2、三目运算符 -- 其次
 * 3、逻辑与
 */

//  loading

const loading = false

// const loadData = () => {
//   if (loading) {
//     return <p>loading 展示中</p>
//   }

//   return <p>页面加载完成</p>
// }

// const loadData = () => {
//   return loading ? <p>loading 展示中</p> : <p>页面加载完成</p>
// }

const loadData = () => {
  return loading && <p>loading 展示中</p>
}

ReactDOM.render(loadData(), document.getElementById('root'))
